<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Creating an Accordion</title>

    <meta name="viewport" content="initial-scale=1, maximum-scale=1">

    <link rel="stylesheet" type="text/css" href="demo/accordion/defaults.css">
    <link rel="stylesheet" type="text/css" href="demo/accordion/demo.css">

    <script type="text/javascript" src="javascripts/jquery/1.11.1/jquery.min.js"></script>
    <script type="text/javascript" src="demo/accordion/accordion.js"></script>
</head>
<body>

<div class="main">
    <div class="accordion">
        <!-- 这里开始动态生成 -->
			<div class="accordion-section">
				<a class="accordion-section-title" href="#accordion-1">db</a>
				<div id="accordion-1" class="accordion-section-content">
					<a href="blog\db\high-performance-mysql.html" target="right">高性能mysql</a><br>
					<a href="blog\db\isolation-lockmode.html" target="right">事务隔离级别与锁模式</a><br>
					<a href="blog\db\jdbc.html" target="right">jdbc-api</a><br>
				</div>
			</div>

			<div class="accordion-section">
				<a class="accordion-section-title" href="#accordion-2">java</a>
				<div id="accordion-2" class="accordion-section-content">
					<a href="blog\java\fastjson.html" target="right">fastjson使用和源代码</a><br>
					<a href="blog\java\game-rank.html" target="right">游戏排行榜</a><br>
					<a href="blog\java\hashmap_iterator_CME.html" target="right">undefined</a><br>
					<a href="blog\java\java-hashcode.html" target="right">java的hashcode</a><br>
					<a href="blog\java\java-nio-buffer.html" target="right">java nio自带buffer用法</a><br>
					<a href="blog\java\jvm-heap.html" target="right">java内存布局</a><br>
					<a href="blog\java\netty-channel.html" target="right">netty channel代码阅读</a><br>
					<a href="blog\java\netty-demo-read.html" target="right">netty-demo代码阅读</a><br>
					<a href="blog\java\threadLocal-use.html" target="right">ThreadLocal使用</a><br>
					<a href="blog\java\why-nio.html" target="right">nio比传统io有什么优势</a><br>
				</div>
			</div>

			<div class="accordion-section">
				<a class="accordion-section-title" href="#accordion-3">web</a>
				<div id="accordion-3" class="accordion-section-content">
					<a href="blog\web\example.html" target="right">网页模板</a><br>
				</div>
			</div>

			<div class="accordion-section">
				<a class="accordion-section-title" href="#accordion-4">网络</a>
				<div id="accordion-4" class="accordion-section-content">
					<a href="blog\网络\https-use.html" target="right">https建立连接过程</a><br>
					<a href="blog\网络\syn_attack_and_defense.html" target="right">syn攻击和防御</a><br>
				</div>
			</div>

</div></div>
<iframe name="right" width="89%" height="100%" marginwidth=0 marginheight=0 frameborder=0 scrolling=no src="introduce.html"></iframe>
</body>
</html>